import React from 'react';
import { Provider } from 'react-redux';
import { BrowserRouter, Route } from 'react-router-dom'
import store from './store';

import Header from './commom/header';
import Home from './pages/home'
import Detail from './pages/detail'

import { Iconfont } from './statics/iconfont/iconfont';
import { GlobalStyle } from './style';

function App () {
  return (
    <Provider store={store}>
      <div className="App">
        <GlobalStyle />
        <Iconfont />
        <BrowserRouter>
          <div>
            <Header></Header>
            <Route path='/' exact component={Home} />
            <Route path='/detail' exact component={Detail} />
          </div>
        </BrowserRouter>
      </div>
    </Provider>


  );
}

export default App;
